<template>
  <div>
    <!-- 表格开始 -->
    <el-table 
      ref="multipleTable"
      :data="tableData"
      style="width: 100%; margin-bottom: 20px"
      border
      stripe
    >
      <!-- @selection-change="handleSelectionChange" -->
      <el-table-column type="selection" align="center"> </el-table-column>
      <el-table-column prop="" label="产品SKU" align="center">
      </el-table-column>

      <el-table-column prop="" label="产品名称" align="center">
      </el-table-column>
      <el-table-column label="品种" align="center">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>

      <el-table-column label="产品类型" align="center">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>

      <el-table-column prop="" label="供应商" align="center">
      </el-table-column>

      <el-table-column label="规格" align="center"> </el-table-column>
      <el-table-column prop="" label="单价" align="center">
      </el-table-column>
      <el-table-column label="操作" align="center">
        <template slot-scope="">
          <el-row :gutter="20">

            <el-col :span="6">
              <el-tooltip
                effect="back"
                content="明细"
                placement="top"
                :enterable="false"
              > 
                <Detail />
              </el-tooltip>
            </el-col>

            <el-col :span="6">
              <el-tooltip
                effect="back"
                content="修改"
                placement="top"
                :enterable="false"
              >
                <Edit />
              </el-tooltip>
            </el-col>

            <el-col :span="6">
                <el-tooltip
                  effect="back"
                  content="删除"
                  placement="top"
                  :enterable="false"
                >
                  <Delete />
                </el-tooltip>
            </el-col>
           
            <el-col :span="6">
                <el-tooltip
                  effect="back"
                  content="下架"
                  placement="top"
                  :enterable="false"
                >
                  <Down />
                </el-tooltip>
            </el-col>
            
          </el-row>
        </template>
      </el-table-column>
    </el-table>
    <!-- 表格结束 -->
  </div>
</template>

<script>
import Detail from "../InputManage/Detail";
import Delete from "../public/delete";
import Edit from "./Edit.vue";
import Down from "./Down.vue"

export default {
  components: {
    Detail,
    Delete,
    Edit,
  },
  props: {
    // 表格数据
    allList: {},

    // 数据标签
    labels: {},

    // 主题
    title: {},

    createPersonList: {},

    seedInfo: {},
  },
  //   data(){
  //     return {
  //       // 跳转信息
  //       buttonInfo: "查看出入库信息",

  //       // 入库信息
  //       infoIn: "入库",

  //       // 跳转路径
  //       path: "/cold-storageInfo",

  //       /* 删除组件数据开始 */
  //       // 删除接口的根路径标签
  //       root: "storage",
  //       // 删除接口的路径
  //       deleteUrl: "/refrigeratory/RefrigeratoryInfo/in",
  //       /* 删除组件数据结束 */
  //     }
  //   },
  //   computed:{
  //     // 跳转的其他参数对象
  //     otherQuery() {
  //       return {};
  //     },
  //   },
  //   methods:{
  //     getAllInfo() {
  //       this.$emit("getAllInfo");
  //     },
  //   }
  data() {
    return {
      tableData: [],
      multipleSelection: [],
    };
  },

  methods: {
    toggleSelection(rows) {
      if (rows) {
        rows.forEach((row) => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
  },
};
</script>

<style>
</style>